<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta name="viewport"
	content="width=device-width, minimum-scale=1.0, maximum-scale=2.0" />
<title>${project.name }</title>
	<link href="${ctxStatic}/jquery-mobile/css/common.css" type="text/css" rel="stylesheet" />
<link href="${ctxStatic}/jquery-mobile/css/jquery.mobile-1.3.1.min.css" type="text/css" rel="stylesheet" />
<script src="${ctxStatic}/jquery-mobile/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="${ctxStatic }/site/themes/XinWenLieBiao/style.css" type="text/css" />
<style type="text/css">

.indexgoodslist .name {
    display: block;
    height: 40px;
    overflow: hidden;
    padding-top: 5px;
}

</style>
</head>
<body>

<div class="logoline">
	<div style="float:left;">
		<a href="index.html"><img src="${ctxUser}/project/${project.pic1 }" style="width:100%;"/></a>
	</div>
</div>

<div style="clear:both;">
</div>
		<div class="nav">
			<a href="${ctxRoot }/site/${project.id}?menuId=1">首页</a> 
			<a href="${ctxRoot }/site/${project.id}?menuId=2">产品</a> 
			<a href="${ctxRoot }/site/${project.id}?menuId=3">公司动态</a> 
			<a href="${ctxRoot }/site/${project.id}?menuId=7">联系我们</a>
		</div>

	<div><p class="index-line">
		<img alt="" src="${ctxStatic}/site/themes/XinWenLieBiao/images/r.png" />&nbsp;<a href="${ctxRoot }/site/${project.id}?menuId=2">产品推荐</a></p>
	</div>
	<div class="sub-container">
				<div class='title_divi'>${product.name }</div>


				<div class="device">
					<div class="swiper-container">
						<div class="swiper-wrapper">

							<div class="swiper-slide">
								<a href="#" title='图片展示'> <img
									src='${ctxUser}/product/${product.indexPic }'
									class="carouselimg">
								</a>
							</div>

						</div>
						<div class="pagination"></div>
					</div>
				</div>

				<div class="product_info">
					<h3 style='margin: 10px 0 0 0; color: #666'>${product.description }</h3>
				</div>
				<div class="product_content" style='min-height: 150px'>
					<p
						style="color: #3E3E3E; font-family: 宋体; font-size: 16px; background-color: #FFFFFF;">
						详情：</p>
					<c:if test="${not empty product.pic1 }">
					<p style="color: #3E3E3E; font-family: 宋体; font-size: 16px; background-color: #FFFFFF;">
						<img
							src="${ctxUser}/product/${product.pic1 }"
							style="height: auto !important;" />
					</p>
					</c:if>
					<c:if test="${not empty product.pic2 }">
					<p style="color: #3E3E3E; font-family: 宋体; font-size: 16px; background-color: #FFFFFF;">
						<img
							src="${ctxUser}/product/${product.pic2 }"
							style="height: auto !important;" />
					</p>
					</c:if>
					<c:if test="${not empty product.pic3 }">
					<p style="color: #3E3E3E; font-family: 宋体; font-size: 16px; background-color: #FFFFFF;">
						<img
							src="${ctxUser}/product/${product.pic3 }"
							style="height: auto !important;" />
					</p>
					</c:if>
					<c:if test="${not empty product.pic4 }">
					<p style="color: #3E3E3E; font-family: 宋体; font-size: 16px; background-color: #FFFFFF;">
						<img
							src="${ctxUser}/product/${product.pic4 }"
							style="height: auto !important;" />
					</p>
					</c:if>
					<c:if test="${not empty product.pic5 }">
					<p style="color: #3E3E3E; font-family: 宋体; font-size: 16px; background-color: #FFFFFF;">
						<img
							src="${ctxUser}/product/${product.pic5 }"
							style="height: auto !important;" />
					</p>
					</c:if>
					<c:if test="${not empty product.pic6 }">
					<p style="color: #3E3E3E; font-family: 宋体; font-size: 16px; background-color: #FFFFFF;">
						<img
							src="${ctxUser}/product/${product.pic6 }"
							style="height: auto !important;" />
					</p>
					</c:if>
				</div>
			</div>
</body>
</html>
